import React from 'react';

import { Icon } from './base';

/**
 * 工艺
 *
 * @export
 * @class IconCraft
 * @extends {Icon}
 */
export default class IconCraft extends Icon {
    static defaultProps = {
        ...Icon.defaultProps,
        color: '#424242',
    };

    render() {
        const { color, className, style } = this.props;

        const { width, height } = this.getSize();

        return (
            <svg viewBox="0 0 1024 1024" width={width} height={height} style={style} className={className}>
                <path
                    fill={color}
                    d="M589.628235 206.531765a77.613176 77.613176 0 1 1-155.25647 0 77.628235 77.628235 0 0 1 155.25647 0"
                ></path>
                <path
                    fill={color}
                    d="M740.592941 249.359059a77.613176 77.613176 0 0 1-77.628235 77.613176 77.613176 77.613176 0 1 1 0-155.25647 77.613176 77.613176 0 0 1 77.628235 77.643294"
                ></path>
                <path
                    fill={color}
                    d="M852.510118 361.773176a77.613176 77.613176 0 1 1-155.256471 0 77.613176 77.613176 0 0 1 77.628235-77.613176 77.613176 77.613176 0 0 1 77.628236 77.613176"
                ></path>
                <path
                    fill={color}
                    d="M893.590588 512.752941a77.628235 77.628235 0 1 1-155.25647 0 77.628235 77.628235 0 0 1 155.25647 0"
                ></path>
                <path
                    fill={color}
                    d="M852.510118 664.470588a77.628235 77.628235 0 1 1-155.256471 0 77.628235 77.628235 0 0 1 155.256471 0"
                ></path>
                <path
                    fill={color}
                    d="M743.604706 776.161882a77.613176 77.613176 0 0 1-77.628235 77.613177 77.613176 77.613176 0 1 1 0-155.256471 77.628235 77.628235 0 0 1 77.628235 77.643294"
                ></path>
                <path
                    fill={color}
                    d="M591.299765 817.468235a77.613176 77.613176 0 0 1-77.628236 77.613177 77.613176 77.613176 0 1 1 0-155.241412 77.628235 77.628235 0 0 1 77.628236 77.628235"
                ></path>
                <path
                    fill={color}
                    d="M440.169412 777.487059a77.613176 77.613176 0 1 1-155.256471 0 77.628235 77.628235 0 0 1 155.256471 0"
                ></path>
                <path
                    fill={color}
                    d="M328.583529 668.009412a77.613176 77.613176 0 1 1-155.25647 0 77.628235 77.628235 0 0 1 155.25647 0"
                ></path>
                <path
                    fill={color}
                    d="M285.665882 515.704471a77.613176 77.613176 0 0 1-77.628235 77.613176 77.613176 77.613176 0 1 1 0-155.241412 77.628235 77.628235 0 0 1 77.613177 77.628236M437.353412 252.280471a77.628235 77.628235 0 1 1-155.256471 0 77.628235 77.628235 0 0 1 155.256471 0"
                ></path>
                <path
                    fill={color}
                    d="M327.183059 364.032a77.628235 77.628235 0 1 1-155.256471-0.030118 77.628235 77.628235 0 0 1 155.256471 0.030118"
                ></path>
            </svg>
        );
    }
}
